<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>黄志聪个人网站·患Ⅰ种活砝个人网站</title>
    <meta name="description" content="黄志聪·患Ⅰ种活砝·个人网站" /><!-- 描述 webmoths-->
    <meta name="keywords" content="osrcp,黄志聪·患Ⅰ种活砝,bootstrap个人网站,bootstrap主题,HTML5个人博客，响应式个人网页设计,前端工程师" />
    <meta name="author" content="黄志聪·患Ⅰ种活砝·个人网站">
    <!-- Favicon-->
    <link rel="shortcut icon" href="/favicon.ico" />
    <!-- Font Awesome -->
    <link type="text/css" rel="stylesheet" href="/css/font-awesome.min_b348263.css">
<!-- Bootstrap -->
    <link type="text/css" rel="stylesheet" href="/css/bootstrap.min_603625e.css">
<!-- Camera -->
    <link type="text/css" rel="stylesheet" href="/pkg/alk_04e0ed2.css">
<!-- Template  -->
    <!--[if lt IE 6]>
    <link rel="stylesheet" type="text/css" href="css/bootstrap-ie6.css">
    <link rel="stylesheet" type="text/css" href="/css/ie_bab52b3.css">
    <![endif]-->
    <!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css" href="/css/ie_bab52b3.css">
    <![endif]-->
    <!--[if lt IE 8]>
    <link rel="stylesheet" type="text/css" href="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js">
    <![endif]-->
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <div class="banner" id="osrcp_banner_slide">
        <ul>
            <li class="osrcp_banner_slide_01">
                <div class="slide_caption">
                    <h1>爱上一个人，恋上一座城</h1>
                    <p>
                        那座城总是无数次地，在梦中出现。那座千里之外的城，完全的陌生，可因为有个你，在听到那座城名字的时候，会感觉异样的亲切和温暖。
                    </p>
                </div>
            </li>
            <li class="osrcp_banner_slide_02">
                <div class="slide_caption">
                    <h1>旅行有时候也只是一种心情的释放</h1>
                    <p>
                        旅行可以满足我们的窥视欲，我们窥视着每个城市不一样的节奏与表象。
                    </p>
                </div>
            </li>
            <li class="osrcp_banner_slide_03">
                <div class="slide_caption">
                    <h1>社会需要我们创造价值</h1>
                    <p>
                        无论大事还是小事，自己有自己的特质的地方，而这些特质又是别人无法模仿的，也不一定做得来你能做得了的事。
                    </p>
                </div>

            </li>
        </ul>
    </div>
    <div id="osrcp_mobile_menu">
        <ul class="nav nav-pills nav-stacked">
            <li>
                <a href="#osrcp_banner_slide"> <i class="glyphicon glyphicon-home"></i>
                    &nbsp; 首页
                </a>
            </li>
            <li>
                <a href="#osrcp_about"> <i class="glyphicon glyphicon-briefcase"></i>
                    &nbsp; 关于
                </a>
            </li>
            <li>
                <a href="#osrcp_events">
                    <i class="glyphicon glyphicon-bullhorn"></i>
                    &nbsp; 项目
                </a>
            </li>
            <li>
                <a href="#osrcp_timeline">
                    <i class="glyphicon glyphicon-calendar"></i>
                    &nbsp; 经历
                </a>
            </li>
            <li>
                <a href="#osrcp_contact">
                    <i class="glyphicon glyphicon-phone-alt"></i>
                    &nbsp; 联系
                </a>
            </li>
            <li>
                <a href="#osrcp_banner_slide">
                    <i class="glyphicon glyphicon-comment"></i>
                    &nbsp; 博客
                </a>
            </li>
        </ul>
    </div>
    <div class="container_wapper">
        <div id="osrcp_banner_menu">
            <div class="container-fluid">
                <div class="col-xs-4 osrcp_logo">
                    <a rel="nofollow" href="javascript:void(0)">
                        <img src="/images/osrcp_logo_1e93003.png" id="logo_img" alt="logo">
                        <h1 id="logo_text">H<span>uang</span></h1>
                    </a>
                </div>
                <div class="col-sm-8 hidden-xs">
                    <ul class="nav nav-justified">
                        <li>
                            <a href="#osrcp_banner_slide">首页</a>
                        </li>
                        <li>
                            <a href="#osrcp_about">关于</a>
                        </li>
                        <li>
                            <a href="#osrcp_events">项目</a>
                        </li>
                        <li>
                            <a href="#osrcp_timeline">经历</a>
                        </li>
                        <li>
                            <a href="#osrcp_contact">联系</a>
                        </li>
                        <li>
                            <a href="#osrcp_bolg" id="bolg">博客</a>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-8 visible-xs">
                    <a href="#" id="mobile_menu">
                        <span class="glyphicon glyphicon-th-list"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div id="osrcp_about" class="container_wapper">
        <div class="container-fluid">
            <h1 class="slide-left">技能·Skll</h1>
            <div id="osrcp_skill">
                <div class="col-sm-4">
                    <div class="legend">
                        <h1>说明:</h1>
                        <div class="skills">
                            <ul>
                                <li class="jq">Jquery</li>
                                <li class="css">CSS</li>
                                <li class="seo">SEO</li>
                                <li class="html">HTML5</li>
                                <li class="photoshop">photoshop</li>
                                <li class="fis">fis</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-sm-8 slide-right">
                    <div id="diagram"></div>
                </div>
            </div>

            <div class="get">
                <div class="arc">
                    <span class="text">Jquery</span>
                    <input type="hidden" class="percent" value="65" />
                    <input type="hidden" class="color" value="#97BE0D" />
                </div>
                <div class="arc">
                    <span class="text">CSS</span>
                    <input type="hidden" class="percent" value="80" />
                    <input type="hidden" class="color" value="#D84F5F" />
                </div>
                <div class="arc">
                    <span class="text">SEO</span>
                    <input type="hidden" class="percent" value="45" />
                    <input type="hidden" class="color" value="#f9ea99" />
                </div>
                <div class="arc">
                    <span class="text">HTML5</span>
                    <input type="hidden" class="percent" value="70" />
                    <input type="hidden" class="color" value="#88B8E6" />
                </div>
                <div class="arc">
                    <span class="text">photoshop</span>
                    <input type="hidden" class="percent" value="70" />
                    <input type="hidden" class="color" value="#BEDBE9" />
                </div>
                <div class="arc">
                    <span class="text">Fis</span>
                    <input type="hidden" class="percent" value="45" />
                    <input type="hidden" class="color" value="#EDEBEE" />
                </div>
            </div>

            <div class="clearfix testimonial_top_bottom_spacer"></div>
        </div>
        <div id="osrcp_life" class="container_wapper">
            <h1 class="slide-left">生活·Life</h1>
            <div class="col-xs-1 pre_next_wap" id="prev_testimonial">
                <a href="#">
                    <span class="glyphicon glyphicon-chevron-left pre_next"></span>
                </a>
            </div>
            <div id="testimonial_text_wap" class="col-xs-9 col-sm-10">
                <div class="testimonial_text">
                    <div class="col-sm-3">
                        <img src="/images/osrcp_member_03_a458f1e.jpg" class="img-responsive" alt="个人照片" />
                    </div>
                    <div class="col-sm-9">
                        <h2>简化你的生活是快乐的</h2>
                        <h3>姓名：黄志聪</h3>
                        <p>
                            就个人而已，我的经历还是很神奇的，我45度仰望天空，忧桑的说：没认识你们之前 我不知道什么是3P 什么是开房 什么是约炮[不开心]。自从认识你们， 一切都变了， 什么都懂了。 人也变的内涵了，什么都能秒懂了，你们是群成功的流氓，你们成功的带坏了一个纯的像特伦苏一样的孩子。
                        </p>
                    </div>
                </div>
                <!--.testimonial_text-->
                <div class="testimonial_text">
                    <div class="col-sm-3">
                        <img src="/images/osrcp_member_02_94f629f.jpg" class="img-responsive" alt="Chief Public Relation Officer" />
                    </div>
                    <div class="col-sm-9">
                        <h2>生命在于运动</h2>
                        <h3>爱好：轮滑</h3>
                        <p>
                            运动也是生命存在的基础，要维持生命体存在，也离不开物质运动。人常说生命在于运动，而我说："上帝没有给我翅膀，我用轮子飞翔！"
                            <br>喜欢玩轮滑，喜欢它那种滑起来的自由、喜欢它玩起来的刺激。
                        </p>
                    </div>
                </div>
                <!--.testimonial_text-->
                <div class="testimonial_text">
                    <div class="col-sm-3">
                        <img src="/images/osrcp_member_01_802d5ae.jpg" class="img-responsive" alt="Marketing Executive" />
                    </div>
                    <div class="col-sm-9">
                        <h2>没有梦想就没有未来</h2>
                        <h3>理想：成为一名优秀的web工程师</h3>
                        <p>
                            一个尖跨号，一个尖跨号能干什么？你可以编出一顶帽子 (:-p 或一张笑面 :->而我更直接，用一个个的尖跨号写成你现在看到的网页。真的很酷，一切都从一个简单的尖跨号开始！
                        </p>
                    </div>
                </div>
                <!--.testimonial_text--> </div>
            <!--#testimonial_text_wap-->
            <div class="col-xs-1 pre_next_wap" id="next_testimonial">
                <a href="#">
                    <span class="glyphicon glyphicon-chevron-right pre_next"></span>
                </a>
            </div>
            <div class="clearfix testimonial_top_bottom_spacer"></div>
        </div>
    </div>
    <!--osrcp_about-->
    <div id="osrcp_events" class="container_wapper">
        <div class="container-fluid">
            <h1 class="slide-left">项目·Project</h1>
            <div class="col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-0">
                <div class="event_box_wap event_animate_left">
                    <div class="event_box_img">
                        <img src="/images/osrcp_event_01_62b95c1.jpg" class="img-responsive" alt="Web Design Trends" />
                    </div>
                    <div class="event_box_caption">
                        <h1>大堂触摸屏设计方案</h1>
                        <p>
                            <span class="glyphicon glyphicon-map-marker"></span>
                            中国·广东·中山市火炬开发区综合执法局 &nbsp;&nbsp;
                            <span class="glyphicon glyphicon-time"></span>
                            2014-09-23
                        </p>
                        <p>
                            为了提高服务质量、建设信息化服务大厅而设计的大堂式自助营业终端，具有自助查询、信息发布以及智能管理功能，具备24小时无人值守的自助服务特性，最大限度的拓宽了业务办理渠道、业务场所及最大程度的人性化服务。
                            <a class="button_yl"  href="www.zshjxz.gov.cn/Tablet-PC/index.aspx
" target="_blank">
                                <span class="line line-top"></span>
                                <span class="line line-right"></span>
                                <span class="line line-bottom"></span>
                                <span class="line line-left"></span>
                                查看
                            </a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-0">
                <div class="event_box_wap event_animate_right">
                    <div class="event_box_img">
                        <img src="/images/osrcp_event_04_fe588e8.jpg" class="img-responsive" alt="" />
                    </div>
                    <div class="event_box_caption">
                        <h1>中国中山留学人员创业园手机网站</h1>
                        <p>
                            <span class="glyphicon glyphicon-map-marker"></span>
                            中国·广东·中山市留学人员创业园 &nbsp;&nbsp;
                            <span class="glyphicon glyphicon-time"></span>
                            2015-01-11
                        </p>
                        <p>
                            手机互联网进入3G时代带给普通用户的完美体验是吸引各地营销商的最大魅力所在。这是一个单独设计的手机网站，同一域名下进行访问设备的区分，把传统的PC机和智能手机划分开。<span style="color:#e35354">建议使用手机打开查看效果。</span>
                            <a class="button_yl" href="http://www.gdzsospp.com/MobileSite/index.aspx" target="_blank" >
                                <span class="line line-top"></span>
                                <span class="line line-right"></span>
                                <span class="line line-bottom"></span>
                                <span class="line line-left"></span>
                                查看
                            </a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-0">
                <div class="event_box_wap event_animate_right">
                    <div class="event_box_img">
                        <img src="/images/osrcp_event_02_2af9ef2.jpg" class="img-responsive" alt="Free Bootstrap Seminar" />
                    </div>
                    <div class="event_box_caption">
                        <h1>广东建华置地官网</h1>
                        <p>
                            <span class="glyphicon glyphicon-map-marker"></span>
                            中国·广东·广州市建华置业 &nbsp;&nbsp;
                            <span class="glyphicon glyphicon-time"></span>
                            2014-10-13
                        </p>
                        <p>
                            公司网站是公司在互联网上进行网站建设和形像宣传的平台，相当于一个企业的网络名片。互联网真正的内涵在于其内容的丰富性，其具有网络沟通能力的标志是公司拥有自己的独立网站。
                            <a class="button_yl" href="http://www.gdjhzd.com" target="_blank" >
                                <span class="line line-top"></span>
                                <span class="line line-right"></span>
                                <span class="line line-bottom"></span>
                                <span class="line line-left"></span>
                                查看
                            </a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-0">
                <div class="event_box_wap event_animate_left">
                    <div class="event_box_img">
                        <img src="/images/osrcp_event_03_fb0b4d9.jpg" class="img-responsive" alt="" />
                    </div>
                    <div class="event_box_caption">
                        <h1>公司名片设计</h1>
                        <p>
                            <span class="glyphicon glyphicon-map-marker"></span>
                            中国·广东·广州市卓商网络 &nbsp;&nbsp;
                            <span class="glyphicon glyphicon-time"></span>
                            2014-12-19
                        </p>
                        <p>
                            企业名片是一个公司企业文化企业形象的代表，另外也是企业通过派发、宣传、交换名片获取客户信息宣传企业产品品牌的一个重要工具，所以企业名片在审核的时候需要慎重考核，一般需要经过公司整个高层商讨审核决定。
                            <a class="button_yl" href="javascript:void(0)" target="_blank" >
                                <span class="line line-top"></span>
                                <span class="line line-right"></span>
                                <span class="line line-bottom"></span>
                                <span class="line line-left"></span>
                                查看
                            </a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="osrcp_timeline" class="container_wapper">
        <h1 class="slide-left">经历·Experience</h1>
        <div class="container-fluid">
            <div class="time_line_wap">
                <div class="time_line_caption">now</div>
                <div class="time_line_paragraph">
                    <h1>对前端的未来展望</h1>
                    <p>
                        <span class="glyphicon glyphicon-user"></span>
                        <a href="javascript:void(0)">患Ⅰ种活砝</a>
                        &nbsp;&nbsp;
                        <span class="glyphicon glyphicon-bookmark"></span>
                        <a href="javascript:void(0)">期望</a>
                        ,
                        <a href="javascript:void(0)">未来</a>
                        ,
                        <a href="javascript:void(0)">前端</a>
                    </p>
                    <p>
                        近十年，不断发生的一件事情就是，越来越多的软件开始在浏览器里运行。随着google和火狐的webos的发展，甚至在不久的将来，浏览器的api，会替代操作系统的 sdk 成为软件开发标准。随着html5的发展，浏览器里运行的早已不是简单的页面，而是复杂的web应用。前端工程师也早已不是页面制作，而是web应用工程师。node.js的出现大大的改变了前端,使得前端开始步入了工业化和工程化的阶段。
                    </p>
                </div>
            </div>
            <div class="time_line_wap">
                <div class="time_line_caption">2014-06-16</div>
                <div class="time_line_paragraph">
                    <h1>大学毕业了</h1>
                    <p>
                        <span class="glyphicon glyphicon-user"></span>
                        <a href="javascript:void(0)">患Ⅰ种活砝</a>
                        &nbsp;&nbsp;
                        <span class="glyphicon glyphicon-bookmark"></span>
                        <a href="javascript:void(0)">大学</a>
                        ,
                        <a href="javascript:void(0)">毕业</a>
                    </p>
                    <p>
                        三年的时间，不知不觉间已走到了尽头。<br>
                        曾经是多么的盼望着早些离开校园、离开宿舍、离开课堂、离开书本……离开学生的称呼……，但到了真正不得不离开的那一刹那，才知道，自己对这片土地是多么的留念。在这里，留下了我最最美好的回忆和记忆。
                    </p>
                </div>
            </div>
            <div class="time_line_wap">
                <div class="time_line_caption">2014-05-04</div>
                <div class="time_line_paragraph">
                    <h1>从新选择了一份和自己专业有关的工作</h1>
                    <p>
                        <span class="glyphicon glyphicon-user"></span>
                        <a href="javascript:void(0)">患Ⅰ种活砝</a>
                        &nbsp;&nbsp;
                        <span class="glyphicon glyphicon-bookmark"></span>
                        <a href="javascript:void(0)">专业</a>
                        ,
                        <a href="javascript:void(0)">网页</a>
                    </p>
                    <p>
                        从新选择了一份和自己专业有关的工作：网页设计。正式加入了中山市卓商网络科技有限公司，负责根据页面原型，设计成为平面页面；负责将平面页面切图，并按照SEO优化等标准生成html静态页面；开发相关前、后台代码，并完成html页面的代码嵌套工作；网站进入内测、公测及BUG修复流程。
                    </p>
                </div>
            </div>
            <div class="time_line_wap">
                <div class="time_line_caption">2014-12-01</div>
                <div class="time_line_paragraph">
                    <h1>第一份实习工作经历</h1>
                    <p>
                        <span class="glyphicon glyphicon-user"></span>
                        <a href="javascript:void(0)">患Ⅰ种活砝</a>
                        &nbsp;&nbsp;
                        <span class="glyphicon glyphicon-bookmark"></span>
                        <a href="javascript:void(0)">实习</a>
                        ,
                        <a href="javascript:void(0)">室内设计</a>
                    </p>
                    <p>
                        作为一个刚刚步入工作岗位的人来说，你不明确自己的专长和兴趣到底在哪里，所以我选择了先就业再择业，选择了室内设计这个行业作为我的实习工作。
                        <br>
                        这是我的第一份实习工作，当时在中山市诚诺装饰有限公司做一名实习室内设计师，主要是负责绘制cad工程图纸、跟进工程进度。最大的体会就是工作和读书差的实在是太多了。
                    </p>
                </div>
            </div>
            <div class="time_line_wap">
                <div class="time_line_caption">2011-9-14</div>
                <div class="time_line_paragraph">
                    <h1>大学的生活就这样开始了</h1>
                    <p>
                        <span class="glyphicon glyphicon-user"></span>
                        <a href="javascript:void(0)">患Ⅰ种活砝</a>
                        &nbsp;&nbsp;
                        <span class="glyphicon glyphicon-bookmark"></span>
                        <a href="javascript:void(0)">大学</a>
                        ,
                        <a href="javascript:void(0)">专业</a>
                    </p>
                    <p>
                        于2011年09月进入广东省中山市火炬职业技术学院信息系工程系计算机应用技术专业学习。很多人都认为我度的学校是做火炬的，开始我也是这样认为的。事实上不是这样的，我所就读的学校地理位置处于中山火炬高技术产业开发区，所以才取名叫做火炬职业技术学院，并不是做火炬的。
                        <br>
                        我所就读的是全日制的专科学院，在校期间主修的是网页设计。
                    </p>
                </div>
            </div>
            <div class="time_line_wap">
                <div class="time_line_caption">1991-10-18</div>
                <div class="time_line_paragraph">
                    <h1>来到这个世界的第一天</h1>
                    <p>
                        <span class="glyphicon glyphicon-user"></span>
                        <a href="javascript:void(0)">患Ⅰ种活砝</a>
                        &nbsp;&nbsp;
                        <span class="glyphicon glyphicon-bookmark"></span>
                        <a href="javascript:void(0)">出生</a>
                        ,
                        <a href="javascript:void(0)">诞辰</a>
                        ,
                        <a href="javascript:void(0)">生日</a>
                    </p>
                    <p>
                        一张胖乎乎的脸蛋，两串弯弯的眉毛；一对炯炯有神的大眼睛；一个玲珑的鼻子；一对菩萨耳，一个肉嘟嘟的小嘴巴；在嘴巴下面还有一个圆鼓鼓的双下巴。双手胖乎乎的，十指有短又粗，真可恶。
                        <br>
                        广东省英德市浛洸镇一户普通农村家的孩子就这样出生了。出生的时候就有点可恶，现在依旧是那么的“可恶”。
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div id="osrcp_contact" class="container_wapper">
        <div class="container-fluid">
            <h1 class="slide-left">联系·Contact</h1>
            <div class="col-xs-12">
                <div id="osrcp_contact_map"></div>
            </div>
            <div class="col-md-4">
                <h2>关于本站</h2>
                <p>
                    本站使用的是bootstrap框架做的响应式单页面网站，大部分使用的是html的属性，对于低版本的浏览器无法看到最佳的效果。
                    <br>
                    本站在静态资源管理上选用的是百度的fis工具进行静态资源的处理。
                    <br>
                    后台选用的是asp.net、数据库用的是sql2005。
                </p>
                <br>
                <p> <strong>邮箱/Email:</strong>
                    1055198140@qq.com
                    <br /> <strong>电话/Phone:</strong>
                    134200**905
                    <br />
                    <strong>个人主页/Website:</strong>
                    www.company.com
                    <br />
                    <strong>地址/Address:</strong>
                    中国·广东·中山市·中山港大道60号
                </p>
                <ul class="list-inline social-link">
                    <li>
                        <a href="http://user.qzone.qq.com/1055198140/main" target="_blank">
                            <i class="fa fa-qq"></i>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <i class="fa fa-weixin"></i>
                        </a>
                    </li>
                    <li>
                        <a href="http://t.qq.com/A2012-lai-le?preview" target="_blank">
                            <i class="fa fa-tencent-weibo"></i>
                        </a>
                    </li>
                    <li>
                        <a href="http://weibo.com/u/2380184173/home?leftnav=1" target="_blank">
                            <i class="fa fa-weibo"></i>
                        </a>
                    </li>
                    <li>
                        <a href="https://github.com/huang2a" target="_blank">
                            <i class="fa fa-github"></i>
                        </a>
                    </li>
                </ul>
            </div>
            <form action="#" method="post" class="col-md-8">
                <div class="row">
                    <div class="col-md-12">
                        <h2>留言板：</h2>
                    </div>
                    <div class="col-md-6">
                        <p>昵称</p>
                        <input type="text" name="name" id="name" autocomplete="on" placeholder="您的昵称" required />
                    </div>
                    <div class="col-md-6">
                        <p>Email</p>
                        <input type="email" name="email" id="email" autocomplete="on" placeholder="您的邮箱地址，如：huang@dome.com" required />
                    </div>
                    <div class="col-md-12">
                        <p>联系地址</p>
                        <input type="text" name="subject" id="subject" autocomplete="on" placeholder="您的联系地址" />
                    </div>
                    <div class="col-md-12">
                        <p>留言</p>
                        <textarea name="message" id="message" autocomplete="on"  placeholder="您想和我说点啥子..." required></textarea>
                    </div>
                    <div class="col-xs-6 col-sm-3 col-md-offset-6">
                        <button type="submit">发送</button>
                    </div>
                    <div class="col-xs-6 col-sm-3">
                        <button type="reset">重写</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div id="osrcp_footer">
        <div>
            <p>Copyright &copy; 2015.Company name All rights reserved.</p>
        </div>
    </div>
    <div class="bottom_tools">
        <div class="qr_tool">二维码</div>
        <div class="fengxiang">分享</div>
        <a id="feedback" href="#osrcp_contact" title="意见反馈">意见反馈</a>
        <a id="scrollUp" href="javascript:void(0)" title="飞回顶部"></a>
        <img class="qr_img" src="/images/qr_img_a54d794.png">
    </div>
    <script type="text/javascript" charset="utf-8" src="/js/jquery-1.11.2.min_44f7138.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/jquery-ui.min_d8d3fa3.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/bootstrap.min_6cf5838.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/jquery.singlePageNav.min_23396d5.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/unslider.min_5296fe5.js"></script>
<script type="text/javascript" charset="utf-8" src="/pkg/lib_665ff10.js"></script>
<!--Skills-->
    <script type="text/javascript" charset="utf-8" src="/js/raphael_eaa58ec.js"></script>
<script type="text/javascript">
        $('#bolg').tooltip({
          title:"正在建设中……",
          placement:'bottom'
        });
    </script>
    <!--[if lte IE 6]>
    <script type="text/javascript" src="/js/bootstrap-ie_4cab2c2.js"></script>
    <![endif]-->
    <script type="text/javascript" charset="utf-8" src="/js/jquery.fadethis_8512430.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/jquery.easing.min_008f852.js"></script>
<script>
            $(document).ready(function() {
                $(window).fadeThis({
                    speed: 1000,
                });
            });
    </script>
</body>
</html>